<template>
  <div class="app">
    <recommend-tab
      :rt-data="rtData"
      :init-index="initIndex"
    ></recommend-tab>
  </div>
</template>

<script>
import RecommendTab from './components/RecommendTab/index.vue'

export default {
  name: 'App',
  components: {
    RecommendTab
  },
  data() {
    return {
      rtData: [
        [
          {
            id: 1,
            subject: 'Chinese',
            title: 'NO-1',
            content:'This is NO-1 content!'
          },
          {
            id: 2,
            subject: 'Chinese',
            title: 'NO-2',
            content: 'This is NO-2 content!'
          },
          {
            id: 3,
            subject: 'Chinese',
            title: 'NO-3',
            content: 'This is NO-3 content!'
          }
        ],
        [
          {
            id: 1,
            subject: 'English',
            title: 'Class-1',
            content: 'This is Class-1 content!',
            teacher:'张三'
          },
          {
            id: 2,
            subject: 'English',
            title: 'Class-3',
            content: 'This is Class-2 content!',
            teacher: '李四'
          }
        ],
        [
          {
            id: 1,
            subject: 'Music',
            song: 'NO-1',
            instrument: 'piano'
          },
          {
            id: 2,
            subject: 'Music',
            song: 'NO-2',
            instrument: 'guita'
          },
          {
            id: 3,
            subject: 'Music',
            song: 'NO-3',
            instrument: '二胡'
          }
        ]
      ],
      initIndex:2
    }
  }
}
</script>

<style>

</style>